<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/static/home3/css/main.css">
        
    <style>
       .swiper-slide-active .kpds-1-2-1 p{width: 100%;height: 50px;text-align: center;color: #5C259E;font-size: 18px}
       .swiper-slide-active .kpds-1-2-1 .a1{width: 180px;height: 40px;text-align: center;display: block;line-height: 40px;margin: 70px auto 30px;background-color: #5C259E;color: #fff}
    </style>
</head>
<body>
    
       {include file="public/header" /}

    <div class="kpds-1">
        <div class="kpds-1-1">
            <img src="/static/home3/img/mzkp-logo.png" alt="">
        </div>
        <div class="kpds-1-2">
            <div class="kpds-1-2-w">
                <div class="banner3   swiper-container swiper-container-horizontal">
                    <div class="swiper-wrapper clearfix " style="width: 30000px">
                        
                        
                        
                        {volist name="data_fg" id="v"}
                        
                        <div class="swiper-slide" style="float:left;">
                                <div class="kpds-1-2-1">
                                    <p>{$v.title}</p>
                                    <a href="#"  onclick ="fnClickAddfgyp({$v.id})"><img src="{$v.main_img}" alt=""></a>
                                    <a class="a1" href="#"  onclick ="fnClickAddxsgd()">欣赏更多</a>
                                </div>
                        </div>
                        
                        
                        {/volist}
                        
     
                        
                    </div>
                </div>
                
            </div>  
        </div>
        <div class="kpds-1-3">
            <img src="/static/home3/img/kpds.png" alt="">
        </div>
        <div class="kpds-1-4">
            
            
            
            
              {volist name="data_kp" id="v"}
                        
              
              <div class="kpds-1-4-1">
                 <a href="#"  onclick ="fnClickAddfgyp({$v.id})"><img src="{$v.main_img}" alt=""></a>
                <p>100%真实客户 </p>
                <span>{$v.title}</span>
            </div>
              
                        
                        {/volist}
            
            
            
            
            
            
            
           
        
            <div class="clearfloat"></div>
        </div>

       <div class="fgyp-1-3">
<!--           <div class="zjt">&nbsp</div>-->
              {$page}
<!--            <div class="yjt"> &nbsp</div>-->
        </div>
    </div>

 {include file="public/foot" /}



    
</body>
<script>
var a=$(window).width()*0.2578125
console.log(a)
var mySwiper = new Swiper ('.banner3', {
    direction: 'horizontal',
    noSwiping : true,
    loop: true,
    autoplay : 2000,
    nextButton: '.swiper-button-next3',
    prevButton: '.swiper-button-prev3',
    pagination: '.xyd2',
    slidesPerView : 2,
    slidesPerGroup : 1,
    spaceBetween : "3.125%",
    slidesOffsetBefore :a,
})





function fnClickAddfgyp(id){

            window.location.href="/index.php/kepds/details?id="+id;

        }
        
        
        function fnClickAddxsgd(){

            window.location.href="/index.php/kepds/mzkp";

        }

</script>
</html>